<!DOCTYPE html>
<html lang="en">
<head>
    <base href="http://www.example.com/" />
    <!-- <base target="_top" /> -->
    <!-- <base target="_top" href="http://www.example.com/" /> -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="111.html">111</a>
    <h1 id="title" style="color:aquamarine;">jjjj</h1>
    <hr>
    <p id="content" class=" ">这是一个<strong>段落</strong> 代码:let a = '你好'</p>
    <abbr title="HyperText Markup Language">HTML</abbr>
    <div contenteditable="true">可编辑区域</div>
    <div hidden>此内容被隐藏</div>
    <div data-user-id="123" data-role="admin">1111</div>
    	<span translate="no">span</span>
    <iframe src="./view.html"></iframe>

    <script>
        window.onbeforeunload = function() {
            alert('你有未保存的更改，确认要离开吗？');
            return true;
        };
        </script>
</body>
</html>